<template>
	<div>
		<table class="goods-wrapper">
			<thead>
				<tr>
					<th>#</th>
					<th>商品名称</th>
					<th>价格</th>
					<th>标签</th>
					<th>操作</th>
				</tr>
			</thead>
			<goods-list :arr="arr"></goods-list>
		</table>
	</div>
</template>

<script>
import GoodsList from "./goods-list.vue";

export default {
	components: {
		GoodsList,
	},
	props: {
		arr: {
			type: Array,
			default: "",
		},
	},
	data() {
		return {};
	},
};
</script>

<style scoped>
.goods-wrapper,
.goods-wrapper tr {
	width: 100%;
}
.goods-wrapper th,
.goods-wrapper td {
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
</style>
